<template>
    <div class="rect">
        <input class="inp" v-model="store.styleItem.propLable" type="textarea" 
        :style="{
            lineHeight:stylePx(style).height,
            background:stylePx(style).background,
            color:stylePx(style).color
        }"
        />
    </div>
</template>

<script setup>
import { defineProps } from 'vue'
import { stylePx } from '../../utils';
import { userToolbarStore } from '../../store';

const store = userToolbarStore()

const { style, id } = defineProps(["style", "id"])
</script>

<style scoped>
.rect {
    text-align: center;
}

.inp {
    width: 100%;
    border: none;
    outline: none;
}
</style>